<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>index</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="robots" content="INDEX,FOLLOW" />
<meta http-equiv="Content-Language" content="vi" />
<meta name="description" content="Photo - Hot girls Bikini" />
<meta name="keywords" content="Photo , ảnh, hot girls, miss" />
<!--<link rel="stylesheet" type="text/css" media="screen" href="css/reset.css" />-->
<link rel="stylesheet" type="text/css" media="screen" href="css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/font-awesome/css/font-awesome.min.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/menu.css" />
<!--<link rel="stylesheet" type="text/css" media="screen" href="css/lh-base.css" />-->
<link rel="stylesheet" type="text/css" media="screen" href="css/9pmStyle.css" />
<!--using alert , modal , dropdown , tooltip-->

</head>
<body>
<!--Start: Header-->
<div class="topMenu1 newHdrWrap" style="background-color:transparent">
	<div class="sm-mn group">
		<div class="site-wrap2">
			<div id="navbar" class="navbar navbar-static">
				<div class="navbar-inner">
					<div class="container">
						<ul class="nav" role="navigation">
							<li> <a href="#"><i class="icon-home"></i></a></li>
							<li> <a href="#" role="button"><i class="icon-facebook"></i></a></li>
							<li> <a href="#" role="button"><i class="icon-google-plus"></i></a></li>
							<li class="dropdown list-care"> <a href="#" id="drop1" role="button" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-reorder"></i> <b class="caret"></b></a>
								<ul class="dropdown-menu" role="menu" aria-labelledby="drop1">
									<li class="care-col first-col" role="presentation">
										<ul class="clearfix">
											<li role="presentation"><a role="menuitem" tabindex="-1" href="#"><i class="type-sm1"></i>Xem phim</a></li>
											<li role="presentation"><a role="menuitem" tabindex="-1" href="#"><i class="type-sm2"></i>Nhậu nhẹt</a></li>
											<li role="presentation"><a role="menuitem" tabindex="-1" href="#"><i class="type-sm3"></i>Bar & Pub</a></li>
											<li role="presentation"><a class="disabled" role="menuitem" tabindex="-1" href="#"><i class="type-sm4"></i>Mua sắm</a></li>
											<li role="presentation"><a role="menuitem" tabindex="-1" href="#"><i class="type-sm5"></i>Cà phê</a></li>
											<li role="presentation"><a role="menuitem" tabindex="-1" href="#"><i class="type-sm6"></i>Nhà hàng</a></li>
											<li role="presentation"><a class="disabled" role="menuitem" tabindex="-1" href="#"><i class="type-sm7"></i>Karaoke</a></li>
										</ul>
									</li>
									<li class="care-col second-col" role="presentation">
										<ul class="clearfix">
											<li role="presentation"><a role="menuitem" tabindex="-1" href="#"><i class="type-sm8"></i>Sự kiện</a></li>
											<li role="presentation"><a role="menuitem" tabindex="-1" href="#"><i class="type-sm9"></i>Khai trương</a></li>
											<li role="presentation"><a class="disabled" role="menuitem" tabindex="-1" href="#"><i class="type-sm10"></i>Người nổi tiếng</a></li>
											<li role="presentation"><a role="menuitem" tabindex="-1" href="#"><i class="type-sm11"></i>Làm đẹp</a></li>
											<li role="presentation"><a role="menuitem" tabindex="-1" href="#"><i class="type-sm12"></i>Ăn ngon</a></li>
											<li role="presentation"><a class="disabled" role="menuitem" tabindex="-1" href="#"><i class="type-sm13"></i>Giải trí</a></li>
											<li role="presentation"><a role="menuitem" tabindex="-1" href="#"><i class="type-sm14"></i>Khuyến mãi</a></li>
										</ul>
									</li>
									<li class="care-col third-col" role="presentation">
										<ul class="clearfix">
											<li role="presentation"><a class="disabled" role="menuitem" tabindex="-1" href="#"><i class="type-sm15"></i>Âm nhạc</a></li>
											<li role="presentation"><a role="menuitem" tabindex="-1" href="#"><i class="type-sm16"></i>Thể thao</a></li>
											<li role="presentation"><a role="menuitem" tabindex="-1" href="#"><i class="type-sm17"></i>Lãng mạn</a></li>
											<li role="presentation"><a class="disabled" role="menuitem" tabindex="-1" href="#"><i class="type-sm18"></i>Thời trang</a></li>
											<li role="presentation"><a role="menuitem" tabindex="-1" href="#"><i class="type-sm19"></i>Hài hước</a></li>
											<li role="presentation"><a role="menuitem" tabindex="-1" href="#"><i class="type-sm20"></i>Ảnh đẹp</a></li>
											<li role="presentation"><a role="menuitem" tabindex="-1" href="#"><i class="type-sm21"></i>Trò chơi</a></li>
										</ul>
									</li>
								</ul>
							</li>
						</ul>
						<ul class="nav pull-right">
							<li class="dropdown nav-noti"><a href="#" id="drop2" role="button" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-ellipsis-horizontal"></i><span class="da-button-count notify-count">1</span></a>
								<ul class="dropdown-menu drop-noti" role="menu" aria-labelledby="drop2">
									<li>
										<h5>Thông báo</h5>
									</li>
									<li class="dropdown-item-wrap">
										<ul>
											<li> <a href="#" class="no-thumb-img"> <span class="details"> <strong><span><i class="icon-user"></i></span></strong> Bạn có <span style="color:#F00">1</span> lời mời kết bạn<span class="time">13 minutes ago</span> </span> </a> </li>
											<li> <a href="#" class="no-thumb-img"> <span class="details"> <strong><span><i class="icon-globe"></i></span></strong> Bạn có <span style="color:#F00">1</span> lời mời vào nhóm<span class="time">13 minutes ago</span> </span> </a> </li>
											<li> <a href="#" class="no-thumb-img"> <span class="details"> <strong><span><i class="icon-table"></i></span></strong> Bạn có <span style="color:#F00">1</span> lời mời tham gia sự kiện<span class="time">13 minutes ago</span> </span> </a> </li>
											<li> <a href="#"> <span class="thumbnail"><img src="http://placekitten.com/45/45" alt=""></span> <span class="details"> <strong>John Doe</strong> commented on your photo <span class="time">13 minutes ago</span> </span> </a> </li>
											<li> <a href="#"> <span class="thumbnail"><img src="http://placekitten.com/45/45" alt=""></span> <span class="details"> <strong>Jane Roe</strong> commented on your photo <span class="time">27 minutes ago</span> </span> </a> </li>
											<li> <a href="#"> <span class="thumbnail"><img src="http://placekitten.com/45/45" alt=""></span> <span class="details"> <strong>Billy John</strong> commented on your photo <span class="time">43 minutes ago</span> </span> </a> </li>
											<li> <a href="#"> <span class="thumbnail"><img src="http://placekitten.com/45/45" alt=""></span> <span class="details"> <strong>John Doe</strong> commented on your photo <span class="time">13 minutes ago</span> </span> </a> </li>
										</ul>
									</li>
									<li><a class="footer-noti" href="#">Xem thêm</a></li>
								</ul>
							</li>
							<li><a href="#" role="button"><img src="http://placekitten.com/25/25">&nbsp;&nbsp;Quang Tran Minh</a></li>
							<li id="fat-menu" class="dropdown"> <a href="#" id="drop3" role="button" class="dropdown-toggle" data-toggle="dropdown"><b class="caret"></b></a>
								<ul class="dropdown-menu" role="menu" aria-labelledby="drop3">
									<li role="presentation"><a role="menuitem" tabindex="-1" href="#"><i class="icon-file-text"></i> Hồ sơ cá nhân</a></li>
									<li role="presentation"><a role="menuitem" tabindex="-1" href="#"><i class="icon-check"></i> Thêm sở thích</a></li>
									<li role="presentation"><a role="menuitem" tabindex="-1" href="#"><i class="icon-cog"></i> Cài đặt</a></li>
									<li role="presentation" class="divider"></li>
									<li role="presentation"><a role="menuitem" tabindex="-1" href="#"><i class="icon-signout"></i> Đăng xuất</a></li>
								</ul>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!--End: Header-->
<div id="navbar1" class="navbar1 clearfix">
	<div class="site-wrap2 clearfix bigger">
		<!--<div class="logoPhoto pull-left"><a href="#"></a></div>
		<ul class="topmenuPhoto pull-left">
			<li class="type-tatca active"><a href="#"><i></i><span>Tất cả</span></a></li>
			<li class="type-quantam"><a href="#"><i></i><span>Quan tâm</span></a></li>
			<li class="type-cungthich"><a href="#"><i></i><span>Cùng thích</span></a></li>
			<li class="type-hot"><a href="#"><i></i><span>9hot</span></a></li>
		</ul>
		<form class="navbar-search pull-right search-top">
			<input type="text" class="search-query" placeholder="Nhập từ khóa" autocomplete="off" id="" name="">
		</form>-->
		<div class="user-top-box clearfix">
			<div class="box-info pull-left">
				<div class="box-avatar pull-left">
					<div class="tool-hide">
						<a href="A-edit2.html"><i class="icon-edit"></i></a>
					</div>
					<a href="#"><img src="http://placekitten.com/124/124"></a>
				</div>
				<div class="nickname pull-left"><a href="#">Quang Tran Minh</a><br /><span><i>Gunner</i></span></div>
			</div>
			<div class="box-fav pull-right">
				<div class="title-box">
					<h3>Biểu đồ lĩnh vực bạn quan tâm <a href="#" rel="clickover" class="cli-info pull-right" data-placement="left" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." title="Create a Generic group" data-original-title="Create a Generic group"><i class="icon-info-sign"></i></a></h3>
				</div>
				<div class="in-hover">
					<div class="box-color" style="background-color:#F00"><span>20% phim ảnh</span></div>
				</div>
				<div class="percent-bloc">
					<div class="bloc-1 active" style="width:20%; background-color:#F00"><a style="border-top: 10px solid #F00;" href="#"></a></div>
					<style>
						.percent-bloc div.active a:after{border-top:10px solid #f00 !important} 
					</style>
					<div class="bloc-2" style="width:10%; background-color:#0C3"></div>
					<div class="bloc-3" style="width:15%; background-color:#CC3"></div>
					<div class="bloc-4" style="width:5%; background-color:#F66"></div>
					<div class="bloc-5" style="width:30%; background-color:#6CC"></div>
					<div class="bloc-6" style="width:12%; background-color:#CF9"></div>
					<div class="bloc-7" style="width:8%; background-color:#C6C"></div>
				</div>
			</div>
		</div>
	</div>
	<div class="category-in-up clearfix">
		<div class="site-wrap3 clearfix">
			<ul class="my-tablist clearfix">
				<li><a href="#"><i>5</i><span>Quan tâm</span></a></li>
				<li><a href="#"><i>5</i><span>Lĩnh vực</span></a></li>
				<li><a href="#"><i>5</i><span>Bình luận</span></a></li>
				<li><a href="#"><i>5</i><span>Lịch sử</span></a></li>
				<li><a href="#"><i>5</i><span>Theo dõi</span></a></li>
				<li class="active"><a href="#"><i>5</i><span>Được theo dõi</span></a></li>
				<li><a href="#"><i>5</i><span>Thích</span></a></li>
				<li><a href="#"><i>5</i><span>Kênh</span></a></li>
			</ul>
		</div>
	</div>
	<div class="category">
		<div class="site-wrap3">
			<p class="info-cate">Tất cả các lĩnh vực mà bạn quan tâm</p>
		</div>
	</div>
</div>
<div id="navbarHide" class="navbarHide navbar clearfix">
	<div class="site-wrap2 clearfix">
		<div class="logoPhoto"><a href="#"></a></div>
		<ul class="topmenuPhoto pull-left">
			<li class="type-tatca"><a href="#" data-placement="bottom" data-original-title="Tất cả" rel="tooltip" class="tooltip-trigger" data-toggle="tooltip" title="Tất cả"><i></i></a></li>
			<li class="type-quantam"><a href="#" data-placement="bottom" data-original-title="Quan tâm" rel="tooltip" class="tooltip-trigger" data-toggle="tooltip" title="Quan tâm"><i></i></a></li>
			<li class="type-cungthich"><a href="#" data-placement="bottom" data-original-title="Cùng thích" rel="tooltip" class="tooltip-trigger" data-toggle="tooltip" title="Cùng thích"><i></i></a></li>
			<li class="type-hot"><a href="#" data-placement="bottom" data-original-title="9Hot" rel="tooltip" class="tooltip-trigger" data-toggle="tooltip" title="9Hot"><i></i></a></li>
		</ul>
		<ul class="nav pull-right">
							<li class="dropdown nav-noti"><a href="#" id="drop2" role="button" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-ellipsis-horizontal"></i><span class="da-button-count notify-count">1</span></a>
								<ul class="dropdown-menu drop-noti" role="menu" aria-labelledby="drop2">
									<li>
										<h5>Thông báo</h5>
									</li>
									<li class="dropdown-item-wrap">
										<ul>
											<li> <a href="#" class="no-thumb-img"> <span class="details"> <strong><span><i class="icon-user"></i></span></strong> Bạn có <span style="color:#F00">1</span> lời mời kết bạn<span class="time">13 minutes ago</span> </span> </a> </li>
											<li> <a href="#" class="no-thumb-img"> <span class="details"> <strong><span><i class="icon-globe"></i></span></strong> Bạn có <span style="color:#F00">1</span> lời mời vào nhóm<span class="time">13 minutes ago</span> </span> </a> </li>
											<li> <a href="#" class="no-thumb-img"> <span class="details"> <strong><span><i class="icon-table"></i></span></strong> Bạn có <span style="color:#F00">1</span> lời mời tham gia sự kiện<span class="time">13 minutes ago</span> </span> </a> </li>
											<li> <a href="#"> <span class="thumbnail"><img src="http://placekitten.com/45/45" alt=""></span> <span class="details"> <strong>John Doe</strong> commented on your photo <span class="time">13 minutes ago</span> </span> </a> </li>
											<li> <a href="#"> <span class="thumbnail"><img src="http://placekitten.com/45/45" alt=""></span> <span class="details"> <strong>Jane Roe</strong> commented on your photo <span class="time">27 minutes ago</span> </span> </a> </li>
											<li> <a href="#"> <span class="thumbnail"><img src="http://placekitten.com/45/45" alt=""></span> <span class="details"> <strong>Billy John</strong> commented on your photo <span class="time">43 minutes ago</span> </span> </a> </li>
											<li> <a href="#"> <span class="thumbnail"><img src="http://placekitten.com/45/45" alt=""></span> <span class="details"> <strong>John Doe</strong> commented on your photo <span class="time">13 minutes ago</span> </span> </a> </li>
										</ul>
									</li>
									<li><a class="footer-noti" href="#">Xem thêm</a></li>
								</ul>
							</li>
							<li><a class="username" href="#" role="button"><img src="http://placekitten.com/25/25">&nbsp;&nbsp;Quang Tran Minh</a></li>
							<li id="fat-menu" class="dropdown"> <a href="#" id="drop3" role="button" class="dropdown-toggle" data-toggle="dropdown"><b class="caret"></b></a>
								<ul class="dropdown-menu" role="menu" aria-labelledby="drop3">
									<li role="presentation"><a role="menuitem" tabindex="-1" href="#"><i class="icon-file-text"></i> Hồ sơ cá nhân</a></li>
									<li role="presentation"><a role="menuitem" tabindex="-1" href="#"><i class="icon-check"></i> Thêm sở thích</a></li>
									<li role="presentation"><a role="menuitem" tabindex="-1" href="#"><i class="icon-cog"></i> Cài đặt</a></li>
									<li role="presentation" class="divider"></li>
									<li role="presentation"><a role="menuitem" tabindex="-1" href="#"><i class="icon-signout"></i> Đăng xuất</a></li>
								</ul>
							</li>
						</ul>
	</div>
</div>
<!--/ toolbar-->

<div class="site-wrap2 clearfix">
<!-- ***** .Alert ***** -->
<div class="alert alert-success text-center">
	<button type="button" class="close" data-dismiss="alert">&times;</button>
	Well done! You successfully read this important alert message. </div>
<!--<div class="alert alert-error text-center">
	<button type="button" class="close" data-dismiss="alert">&times;</button>
	Well done! You successfully read this important alert message. </div>
<div class="alert alert-info text-center">
	<button type="button" class="close" data-dismiss="alert">&times;</button>
	Well done! You successfully read this important alert message. </div>--> 
<!-- ***** end .Alert ***** -->
<div id="thumbnail" class="clearfix"> 
	<!--/ item -->
	<div class="item type-cate typeHot friend-box">
		<div class="title-cate">
			<h2>
				<div class="percent-bloc clearfix">
					<div class="color-bloc bloc-1 active" style="width:20%; background-color:#F00"><a data-placement="top" data-original-title="20% Phim ảnh" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<style>
						.percent-bloc div.active a:after{border-top:10px solid #f00 !important} 
					</style>
					<div class="color-bloc bloc-2" style="width:10%; background-color:#0C3"><a data-placement="top" data-original-title="10% Phim ảnh" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-3" style="width:15%; background-color:#CC3"><a data-placement="top" data-original-title="15% Phim XXX" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-4" style="width:5%; background-color:#F66"><a data-placement="top" data-original-title="5% Phim CCC" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-5" style="width:30%; background-color:#6CC"><a data-placement="top" data-original-title="30% Phim AAA" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-6" style="width:12%; background-color:#CF9"><a data-placement="top" data-original-title="12% Phim ZZZ" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-7" style="width:8%; background-color:#C6C"><a data-placement="top" data-original-title="8% Phim VBB" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
				</div>
			</h2>
		</div>
		<div class="img clearfix"> 
			<!--thanh cong cu an-->
			<ul class="info-friend pull-right">
				<li><a href="#" title="Share"><i>10</i><span>Thích</span></a></li>
				<li><a href="#" title="Thích"><i>10</i><span>Lĩnh vực</span></a></li>
				<li><a href="#" title="Quan tâm"><i>10</i><span>Bạn bè</span></a></li>
			</ul>
			<!--End thanh cong cu an--> 
			<a href="#" class="pull-left"><img src="media/img/item1.jpg" /></a> 
		</div>
		<div class="infoFriend">
			<div class="nickname"><a href="#">Quang Tran Minh</a><br /><span><i>Gunner</i></span></div>
		</div>
		<div class="btn-follow">
			<a href="#"><i class="icon-ok"></i> Theo dõi</a>
		</div>
	</div>
	<!--/ item --> 
	<!--/ item -->
	<div class="item type-cate typeHot friend-box">
		<div class="title-cate">
			<h2>
				<div class="percent-bloc clearfix">
					<div class="color-bloc bloc-1 active" style="width:20%; background-color:#F00"><a data-placement="top" data-original-title="20% Phim ảnh" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<style>
						.percent-bloc div.active a:after{border-top:10px solid #f00 !important} 
					</style>
					<div class="color-bloc bloc-2" style="width:10%; background-color:#0C3"><a data-placement="top" data-original-title="10% Phim ảnh" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-3" style="width:15%; background-color:#CC3"><a data-placement="top" data-original-title="15% Phim XXX" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-4" style="width:5%; background-color:#F66"><a data-placement="top" data-original-title="5% Phim CCC" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-5" style="width:30%; background-color:#6CC"><a data-placement="top" data-original-title="30% Phim AAA" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-6" style="width:12%; background-color:#CF9"><a data-placement="top" data-original-title="12% Phim ZZZ" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-7" style="width:8%; background-color:#C6C"><a data-placement="top" data-original-title="8% Phim VBB" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
				</div>
			</h2>
		</div>
		<div class="img clearfix"> 
			<!--thanh cong cu an-->
			<ul class="info-friend pull-right">
				<li><a href="#" title="Share"><i>10</i><span>Thích</span></a></li>
				<li><a href="#" title="Thích"><i>10</i><span>Lĩnh vực</span></a></li>
				<li><a href="#" title="Quan tâm"><i>10</i><span>Bạn bè</span></a></li>
			</ul>
			<!--End thanh cong cu an--> 
			<a href="#" class="pull-left"><img src="media/img/item1.jpg" /></a> 
		</div>
		<div class="infoFriend">
			<div class="nickname"><a href="#">Quang Tran Minh</a><br /><span><i>Gunner</i></span></div>
		</div>
		<div class="btn-follow">
			<a href="#"><i class="icon-ok"></i> Theo dõi</a>
		</div>
	</div>
	<!--/ item --> 
	<!--/ item -->
	<div class="item type-cate typeHot friend-box">
		<div class="title-cate">
			<h2>
				<div class="percent-bloc clearfix">
					<div class="color-bloc bloc-1 active" style="width:20%; background-color:#F00"><a data-placement="top" data-original-title="20% Phim ảnh" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<style>
						.percent-bloc div.active a:after{border-top:10px solid #f00 !important} 
					</style>
					<div class="color-bloc bloc-2" style="width:10%; background-color:#0C3"><a data-placement="top" data-original-title="10% Phim ảnh" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-3" style="width:15%; background-color:#CC3"><a data-placement="top" data-original-title="15% Phim XXX" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-4" style="width:5%; background-color:#F66"><a data-placement="top" data-original-title="5% Phim CCC" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-5" style="width:30%; background-color:#6CC"><a data-placement="top" data-original-title="30% Phim AAA" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-6" style="width:12%; background-color:#CF9"><a data-placement="top" data-original-title="12% Phim ZZZ" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-7" style="width:8%; background-color:#C6C"><a data-placement="top" data-original-title="8% Phim VBB" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
				</div>
			</h2>
		</div>
		<div class="img clearfix"> 
			<!--thanh cong cu an-->
			<ul class="info-friend pull-right">
				<li><a href="#" title="Share"><i>10</i><span>Thích</span></a></li>
				<li><a href="#" title="Thích"><i>10</i><span>Lĩnh vực</span></a></li>
				<li><a href="#" title="Quan tâm"><i>10</i><span>Bạn bè</span></a></li>
			</ul>
			<!--End thanh cong cu an--> 
			<a href="#" class="pull-left"><img src="media/img/item1.jpg" /></a> 
		</div>
		<div class="infoFriend">
			<div class="nickname"><a href="#">Quang Tran Minh</a><br /><span><i>Gunner</i></span></div>
		</div>
		<div class="btn-follow">
			<a href="#"><i class="icon-ok"></i> Theo dõi</a>
		</div>
	</div>
	<!--/ item --> 
	<!--/ item -->
	<div class="item type-cate typeHot friend-box">
		<div class="title-cate">
			<h2>
				<div class="percent-bloc clearfix">
					<div class="color-bloc bloc-1 active" style="width:20%; background-color:#F00"><a data-placement="top" data-original-title="20% Phim ảnh" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<style>
						.percent-bloc div.active a:after{border-top:10px solid #f00 !important} 
					</style>
					<div class="color-bloc bloc-2" style="width:10%; background-color:#0C3"><a data-placement="top" data-original-title="10% Phim ảnh" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-3" style="width:15%; background-color:#CC3"><a data-placement="top" data-original-title="15% Phim XXX" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-4" style="width:5%; background-color:#F66"><a data-placement="top" data-original-title="5% Phim CCC" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-5" style="width:30%; background-color:#6CC"><a data-placement="top" data-original-title="30% Phim AAA" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-6" style="width:12%; background-color:#CF9"><a data-placement="top" data-original-title="12% Phim ZZZ" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-7" style="width:8%; background-color:#C6C"><a data-placement="top" data-original-title="8% Phim VBB" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
				</div>
			</h2>
		</div>
		<div class="img clearfix"> 
			<!--thanh cong cu an-->
			<ul class="info-friend pull-right">
				<li><a href="#" title="Share"><i>10</i><span>Thích</span></a></li>
				<li><a href="#" title="Thích"><i>10</i><span>Lĩnh vực</span></a></li>
				<li><a href="#" title="Quan tâm"><i>10</i><span>Bạn bè</span></a></li>
			</ul>
			<!--End thanh cong cu an--> 
			<a href="#" class="pull-left"><img src="media/img/item1.jpg" /></a> 
		</div>
		<div class="infoFriend">
			<div class="nickname"><a href="#">Quang Tran Minh</a><br /><span><i>Gunner</i></span></div>
		</div>
		<div class="btn-follow">
			<a href="#"><i class="icon-ok"></i> Theo dõi</a>
		</div>
	</div>
	<!--/ item --> 
	<!--/ item -->
	<div class="item type-cate typeHot friend-box">
		<div class="title-cate">
			<h2>
				<div class="percent-bloc clearfix">
					<div class="color-bloc bloc-1 active" style="width:20%; background-color:#F00"><a data-placement="top" data-original-title="20% Phim ảnh" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<style>
						.percent-bloc div.active a:after{border-top:10px solid #f00 !important} 
					</style>
					<div class="color-bloc bloc-2" style="width:10%; background-color:#0C3"><a data-placement="top" data-original-title="10% Phim ảnh" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-3" style="width:15%; background-color:#CC3"><a data-placement="top" data-original-title="15% Phim XXX" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-4" style="width:5%; background-color:#F66"><a data-placement="top" data-original-title="5% Phim CCC" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-5" style="width:30%; background-color:#6CC"><a data-placement="top" data-original-title="30% Phim AAA" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-6" style="width:12%; background-color:#CF9"><a data-placement="top" data-original-title="12% Phim ZZZ" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-7" style="width:8%; background-color:#C6C"><a data-placement="top" data-original-title="8% Phim VBB" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
				</div>
			</h2>
		</div>
		<div class="img clearfix"> 
			<!--thanh cong cu an-->
			<ul class="info-friend pull-right">
				<li><a href="#" title="Share"><i>10</i><span>Thích</span></a></li>
				<li><a href="#" title="Thích"><i>10</i><span>Lĩnh vực</span></a></li>
				<li><a href="#" title="Quan tâm"><i>10</i><span>Bạn bè</span></a></li>
			</ul>
			<!--End thanh cong cu an--> 
			<a href="#" class="pull-left"><img src="media/img/item1.jpg" /></a> 
		</div>
		<div class="infoFriend">
			<div class="nickname"><a href="#">Quang Tran Minh</a><br /><span><i>Gunner</i></span></div>
		</div>
		<div class="btn-follow">
			<a href="#"><i class="icon-ok"></i> Theo dõi</a>
		</div>
	</div>
	<!--/ item --> 
	<!--/ item -->
	<div class="item type-cate typeHot friend-box">
		<div class="title-cate">
			<h2>
				<div class="percent-bloc clearfix">
					<div class="color-bloc bloc-1 active" style="width:20%; background-color:#F00"><a data-placement="top" data-original-title="20% Phim ảnh" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<style>
						.percent-bloc div.active a:after{border-top:10px solid #f00 !important} 
					</style>
					<div class="color-bloc bloc-2" style="width:10%; background-color:#0C3"><a data-placement="top" data-original-title="10% Phim ảnh" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-3" style="width:15%; background-color:#CC3"><a data-placement="top" data-original-title="15% Phim XXX" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-4" style="width:5%; background-color:#F66"><a data-placement="top" data-original-title="5% Phim CCC" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-5" style="width:30%; background-color:#6CC"><a data-placement="top" data-original-title="30% Phim AAA" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-6" style="width:12%; background-color:#CF9"><a data-placement="top" data-original-title="12% Phim ZZZ" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-7" style="width:8%; background-color:#C6C"><a data-placement="top" data-original-title="8% Phim VBB" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
				</div>
			</h2>
		</div>
		<div class="img clearfix"> 
			<!--thanh cong cu an-->
			<ul class="info-friend pull-right">
				<li><a href="#" title="Share"><i>10</i><span>Thích</span></a></li>
				<li><a href="#" title="Thích"><i>10</i><span>Lĩnh vực</span></a></li>
				<li><a href="#" title="Quan tâm"><i>10</i><span>Bạn bè</span></a></li>
			</ul>
			<!--End thanh cong cu an--> 
			<a href="#" class="pull-left"><img src="media/img/item1.jpg" /></a> 
		</div>
		<div class="infoFriend">
			<div class="nickname"><a href="#">Quang Tran Minh</a><br /><span><i>Gunner</i></span></div>
		</div>
		<div class="btn-follow">
			<a href="#"><i class="icon-ok"></i> Theo dõi</a>
		</div>
	</div>
	<!--/ item --> 
	<!--/ item -->
	<div class="item type-cate typeHot friend-box">
		<div class="title-cate">
			<h2>
				<div class="percent-bloc clearfix">
					<div class="color-bloc bloc-1 active" style="width:20%; background-color:#F00"><a data-placement="top" data-original-title="20% Phim ảnh" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<style>
						.percent-bloc div.active a:after{border-top:10px solid #f00 !important} 
					</style>
					<div class="color-bloc bloc-2" style="width:10%; background-color:#0C3"><a data-placement="top" data-original-title="10% Phim ảnh" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-3" style="width:15%; background-color:#CC3"><a data-placement="top" data-original-title="15% Phim XXX" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-4" style="width:5%; background-color:#F66"><a data-placement="top" data-original-title="5% Phim CCC" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-5" style="width:30%; background-color:#6CC"><a data-placement="top" data-original-title="30% Phim AAA" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-6" style="width:12%; background-color:#CF9"><a data-placement="top" data-original-title="12% Phim ZZZ" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-7" style="width:8%; background-color:#C6C"><a data-placement="top" data-original-title="8% Phim VBB" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
				</div>
			</h2>
		</div>
		<div class="img clearfix"> 
			<!--thanh cong cu an-->
			<ul class="info-friend pull-right">
				<li><a href="#" title="Share"><i>10</i><span>Thích</span></a></li>
				<li><a href="#" title="Thích"><i>10</i><span>Lĩnh vực</span></a></li>
				<li><a href="#" title="Quan tâm"><i>10</i><span>Bạn bè</span></a></li>
			</ul>
			<!--End thanh cong cu an--> 
			<a href="#" class="pull-left"><img src="media/img/item1.jpg" /></a> 
		</div>
		<div class="infoFriend">
			<div class="nickname"><a href="#">Quang Tran Minh</a><br /><span><i>Gunner</i></span></div>
		</div>
		<div class="btn-follow">
			<a href="#"><i class="icon-ok"></i> Theo dõi</a>
		</div>
	</div>
	<!--/ item --> 
	<!--/ item -->
	<div class="item type-cate typeHot friend-box">
		<div class="title-cate">
			<h2>
				<div class="percent-bloc clearfix">
					<div class="color-bloc bloc-1 active" style="width:20%; background-color:#F00"><a data-placement="top" data-original-title="20% Phim ảnh" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<style>
						.percent-bloc div.active a:after{border-top:10px solid #f00 !important} 
					</style>
					<div class="color-bloc bloc-2" style="width:10%; background-color:#0C3"><a data-placement="top" data-original-title="10% Phim ảnh" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-3" style="width:15%; background-color:#CC3"><a data-placement="top" data-original-title="15% Phim XXX" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-4" style="width:5%; background-color:#F66"><a data-placement="top" data-original-title="5% Phim CCC" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-5" style="width:30%; background-color:#6CC"><a data-placement="top" data-original-title="30% Phim AAA" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-6" style="width:12%; background-color:#CF9"><a data-placement="top" data-original-title="12% Phim ZZZ" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-7" style="width:8%; background-color:#C6C"><a data-placement="top" data-original-title="8% Phim VBB" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
				</div>
			</h2>
		</div>
		<div class="img clearfix"> 
			<!--thanh cong cu an-->
			<ul class="info-friend pull-right">
				<li><a href="#" title="Share"><i>10</i><span>Thích</span></a></li>
				<li><a href="#" title="Thích"><i>10</i><span>Lĩnh vực</span></a></li>
				<li><a href="#" title="Quan tâm"><i>10</i><span>Bạn bè</span></a></li>
			</ul>
			<!--End thanh cong cu an--> 
			<a href="#" class="pull-left"><img src="media/img/item1.jpg" /></a> 
		</div>
		<div class="infoFriend">
			<div class="nickname"><a href="#">Quang Tran Minh</a><br /><span><i>Gunner</i></span></div>
		</div>
		<div class="btn-follow">
			<a href="#"><i class="icon-ok"></i> Theo dõi</a>
		</div>
	</div>
	<!--/ item --> 
	<!--/ item -->
	<div class="item type-cate typeHot friend-box">
		<div class="title-cate">
			<h2>
				<div class="percent-bloc clearfix">
					<div class="color-bloc bloc-1 active" style="width:20%; background-color:#F00"><a data-placement="top" data-original-title="20% Phim ảnh" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<style>
						.percent-bloc div.active a:after{border-top:10px solid #f00 !important} 
					</style>
					<div class="color-bloc bloc-2" style="width:10%; background-color:#0C3"><a data-placement="top" data-original-title="10% Phim ảnh" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-3" style="width:15%; background-color:#CC3"><a data-placement="top" data-original-title="15% Phim XXX" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-4" style="width:5%; background-color:#F66"><a data-placement="top" data-original-title="5% Phim CCC" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-5" style="width:30%; background-color:#6CC"><a data-placement="top" data-original-title="30% Phim AAA" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-6" style="width:12%; background-color:#CF9"><a data-placement="top" data-original-title="12% Phim ZZZ" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-7" style="width:8%; background-color:#C6C"><a data-placement="top" data-original-title="8% Phim VBB" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
				</div>
			</h2>
		</div>
		<div class="img clearfix"> 
			<!--thanh cong cu an-->
			<ul class="info-friend pull-right">
				<li><a href="#" title="Share"><i>10</i><span>Thích</span></a></li>
				<li><a href="#" title="Thích"><i>10</i><span>Lĩnh vực</span></a></li>
				<li><a href="#" title="Quan tâm"><i>10</i><span>Bạn bè</span></a></li>
			</ul>
			<!--End thanh cong cu an--> 
			<a href="#" class="pull-left"><img src="media/img/item1.jpg" /></a> 
		</div>
		<div class="infoFriend">
			<div class="nickname"><a href="#">Quang Tran Minh</a><br /><span><i>Gunner</i></span></div>
		</div>
		<div class="btn-follow">
			<a href="#"><i class="icon-ok"></i> Theo dõi</a>
		</div>
	</div>
	<!--/ item --> 
	<!--/ item -->
	<div class="item type-cate typeHot friend-box">
		<div class="title-cate">
			<h2>
				<div class="percent-bloc clearfix">
					<div class="color-bloc bloc-1 active" style="width:20%; background-color:#F00"><a data-placement="top" data-original-title="20% Phim ảnh" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<style>
						.percent-bloc div.active a:after{border-top:10px solid #f00 !important} 
					</style>
					<div class="color-bloc bloc-2" style="width:10%; background-color:#0C3"><a data-placement="top" data-original-title="10% Phim ảnh" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-3" style="width:15%; background-color:#CC3"><a data-placement="top" data-original-title="15% Phim XXX" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-4" style="width:5%; background-color:#F66"><a data-placement="top" data-original-title="5% Phim CCC" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-5" style="width:30%; background-color:#6CC"><a data-placement="top" data-original-title="30% Phim AAA" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-6" style="width:12%; background-color:#CF9"><a data-placement="top" data-original-title="12% Phim ZZZ" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-7" style="width:8%; background-color:#C6C"><a data-placement="top" data-original-title="8% Phim VBB" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
				</div>
			</h2>
		</div>
		<div class="img clearfix"> 
			<!--thanh cong cu an-->
			<ul class="info-friend pull-right">
				<li><a href="#" title="Share"><i>10</i><span>Thích</span></a></li>
				<li><a href="#" title="Thích"><i>10</i><span>Lĩnh vực</span></a></li>
				<li><a href="#" title="Quan tâm"><i>10</i><span>Bạn bè</span></a></li>
			</ul>
			<!--End thanh cong cu an--> 
			<a href="#" class="pull-left"><img src="media/img/item1.jpg" /></a> 
		</div>
		<div class="infoFriend">
			<div class="nickname"><a href="#">Quang Tran Minh</a><br /><span><i>Gunner</i></span></div>
		</div>
		<div class="btn-follow">
			<a href="#"><i class="icon-ok"></i> Theo dõi</a>
		</div>
	</div>
	<!--/ item --> 
	<!--/ item -->
	<div class="item type-cate typeHot friend-box">
		<div class="title-cate">
			<h2>
				<div class="percent-bloc clearfix">
					<div class="color-bloc bloc-1 active" style="width:20%; background-color:#F00"><a data-placement="top" data-original-title="20% Phim ảnh" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<style>
						.percent-bloc div.active a:after{border-top:10px solid #f00 !important} 
					</style>
					<div class="color-bloc bloc-2" style="width:10%; background-color:#0C3"><a data-placement="top" data-original-title="10% Phim ảnh" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-3" style="width:15%; background-color:#CC3"><a data-placement="top" data-original-title="15% Phim XXX" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-4" style="width:5%; background-color:#F66"><a data-placement="top" data-original-title="5% Phim CCC" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-5" style="width:30%; background-color:#6CC"><a data-placement="top" data-original-title="30% Phim AAA" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-6" style="width:12%; background-color:#CF9"><a data-placement="top" data-original-title="12% Phim ZZZ" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-7" style="width:8%; background-color:#C6C"><a data-placement="top" data-original-title="8% Phim VBB" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
				</div>
			</h2>
		</div>
		<div class="img clearfix"> 
			<!--thanh cong cu an-->
			<ul class="info-friend pull-right">
				<li><a href="#" title="Share"><i>10</i><span>Thích</span></a></li>
				<li><a href="#" title="Thích"><i>10</i><span>Lĩnh vực</span></a></li>
				<li><a href="#" title="Quan tâm"><i>10</i><span>Bạn bè</span></a></li>
			</ul>
			<!--End thanh cong cu an--> 
			<a href="#" class="pull-left"><img src="media/img/item1.jpg" /></a> 
		</div>
		<div class="infoFriend">
			<div class="nickname"><a href="#">Quang Tran Minh</a><br /><span><i>Gunner</i></span></div>
		</div>
		<div class="btn-follow">
			<a href="#"><i class="icon-ok"></i> Theo dõi</a>
		</div>
	</div>
	<!--/ item --> 
	<!--/ item -->
	<div class="item type-cate typeHot friend-box">
		<div class="title-cate">
			<h2>
				<div class="percent-bloc clearfix">
					<div class="color-bloc bloc-1 active" style="width:20%; background-color:#F00"><a data-placement="top" data-original-title="20% Phim ảnh" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<style>
						.percent-bloc div.active a:after{border-top:10px solid #f00 !important} 
					</style>
					<div class="color-bloc bloc-2" style="width:10%; background-color:#0C3"><a data-placement="top" data-original-title="10% Phim ảnh" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-3" style="width:15%; background-color:#CC3"><a data-placement="top" data-original-title="15% Phim XXX" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-4" style="width:5%; background-color:#F66"><a data-placement="top" data-original-title="5% Phim CCC" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-5" style="width:30%; background-color:#6CC"><a data-placement="top" data-original-title="30% Phim AAA" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-6" style="width:12%; background-color:#CF9"><a data-placement="top" data-original-title="12% Phim ZZZ" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-7" style="width:8%; background-color:#C6C"><a data-placement="top" data-original-title="8% Phim VBB" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
				</div>
			</h2>
		</div>
		<div class="img clearfix"> 
			<!--thanh cong cu an-->
			<ul class="info-friend pull-right">
				<li><a href="#" title="Share"><i>10</i><span>Thích</span></a></li>
				<li><a href="#" title="Thích"><i>10</i><span>Lĩnh vực</span></a></li>
				<li><a href="#" title="Quan tâm"><i>10</i><span>Bạn bè</span></a></li>
			</ul>
			<!--End thanh cong cu an--> 
			<a href="#" class="pull-left"><img src="media/img/item1.jpg" /></a> 
		</div>
		<div class="infoFriend">
			<div class="nickname"><a href="#">Quang Tran Minh</a><br /><span><i>Gunner</i></span></div>
		</div>
		<div class="btn-follow">
			<a href="#"><i class="icon-ok"></i> Theo dõi</a>
		</div>
	</div>
	<!--/ item --> 
	<!--/ item -->
	<div class="item type-cate typeHot friend-box">
		<div class="title-cate">
			<h2>
				<div class="percent-bloc clearfix">
					<div class="color-bloc bloc-1 active" style="width:20%; background-color:#F00"><a data-placement="top" data-original-title="20% Phim ảnh" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<style>
						.percent-bloc div.active a:after{border-top:10px solid #f00 !important} 
					</style>
					<div class="color-bloc bloc-2" style="width:10%; background-color:#0C3"><a data-placement="top" data-original-title="10% Phim ảnh" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-3" style="width:15%; background-color:#CC3"><a data-placement="top" data-original-title="15% Phim XXX" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-4" style="width:5%; background-color:#F66"><a data-placement="top" data-original-title="5% Phim CCC" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-5" style="width:30%; background-color:#6CC"><a data-placement="top" data-original-title="30% Phim AAA" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-6" style="width:12%; background-color:#CF9"><a data-placement="top" data-original-title="12% Phim ZZZ" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-7" style="width:8%; background-color:#C6C"><a data-placement="top" data-original-title="8% Phim VBB" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
				</div>
			</h2>
		</div>
		<div class="img clearfix"> 
			<!--thanh cong cu an-->
			<ul class="info-friend pull-right">
				<li><a href="#" title="Share"><i>10</i><span>Thích</span></a></li>
				<li><a href="#" title="Thích"><i>10</i><span>Lĩnh vực</span></a></li>
				<li><a href="#" title="Quan tâm"><i>10</i><span>Bạn bè</span></a></li>
			</ul>
			<!--End thanh cong cu an--> 
			<a href="#" class="pull-left"><img src="media/img/item1.jpg" /></a> 
		</div>
		<div class="infoFriend">
			<div class="nickname"><a href="#">Quang Tran Minh</a><br /><span><i>Gunner</i></span></div>
		</div>
		<div class="btn-follow">
			<a href="#"><i class="icon-ok"></i> Theo dõi</a>
		</div>
	</div>
	<!--/ item --> 
	<!--/ item -->
	<div class="item type-cate typeHot friend-box">
		<div class="title-cate">
			<h2>
				<div class="percent-bloc clearfix">
					<div class="color-bloc bloc-1 active" style="width:20%; background-color:#F00"><a data-placement="top" data-original-title="20% Phim ảnh" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<style>
						.percent-bloc div.active a:after{border-top:10px solid #f00 !important} 
					</style>
					<div class="color-bloc bloc-2" style="width:10%; background-color:#0C3"><a data-placement="top" data-original-title="10% Phim ảnh" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-3" style="width:15%; background-color:#CC3"><a data-placement="top" data-original-title="15% Phim XXX" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-4" style="width:5%; background-color:#F66"><a data-placement="top" data-original-title="5% Phim CCC" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-5" style="width:30%; background-color:#6CC"><a data-placement="top" data-original-title="30% Phim AAA" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-6" style="width:12%; background-color:#CF9"><a data-placement="top" data-original-title="12% Phim ZZZ" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
					<div class="color-bloc bloc-7" style="width:8%; background-color:#C6C"><a data-placement="top" data-original-title="8% Phim VBB" rel="tooltip" class="tooltip-trigger" href="#"></a></div>
				</div>
			</h2>
		</div>
		<div class="img clearfix"> 
			<!--thanh cong cu an-->
			<ul class="info-friend pull-right">
				<li><a href="#" title="Share"><i>10</i><span>Thích</span></a></li>
				<li><a href="#" title="Thích"><i>10</i><span>Lĩnh vực</span></a></li>
				<li><a href="#" title="Quan tâm"><i>10</i><span>Bạn bè</span></a></li>
			</ul>
			<!--End thanh cong cu an--> 
			<a href="#" class="pull-left"><img src="media/img/item1.jpg" /></a> 
		</div>
		<div class="infoFriend">
			<div class="nickname"><a href="#">Quang Tran Minh</a><br /><span><i>Gunner</i></span></div>
		</div>
		<div class="btn-follow">
			<a href="#"><i class="icon-ok"></i> Theo dõi</a>
		</div>
	</div>
	<div class="btnUpTop"><a href="#" title="Lên đầu trang">Lên đầu trang</a></div>
</div>

<!--site conntainer--> 

<!-- js files --> 

<!--using alert , modal , dropdown , tooltip--> 
<script src="js/jquery-1.7.1.min.js" type="text/javascript" charset="utf-8"></script> 
<script src="js/jquery.easing.1.3.js"></script> 
<script src="js/bootstrap-transition.js"></script> 
<script src="js/bootstrap-alert.js"></script> 
<script src="js/bootstrap-modal.js"></script> 
<script src="js/bootstrap-dropdown.js"></script> 
<script src="js/bootstrap-scrollspy.js"></script> 
<script src="js/bootstrap-tab.js"></script> 
<script src="js/bootstrap-tooltip.js"></script> 
<script src="js/bootstrap-popover.js"></script> 
<script src="js/bootstrapx-clickover.js"></script> 
<!--<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script> -->
<script src="js/jquery.masonry.min.js" type="text/javascript" charset="utf-8"></script> 
<!--<script src="js/bootstrap-tooltip.js"></script> 
<script src="js/bootstrap-popover.js"></script> 
<script src="js/bootstrapx-clickover.js"></script> --> 
<script src="js/9pm.js" type="text/javascript" charset="utf-8"></script> 
<script>
$(function ()
{ $('[rel="clickover"]').clickover();
});
</script>
<script type="text/javascript">
/*====== arrange item in website ========*/
$(function() {
	var $container = $('#thumbnail');
	$container.imagesLoaded( function(){
		$container.masonry({
			isAnimated: true,
			itemSelector: '.item',
  		columnWidth: 240,
  		/*cornerStampSelector: '.corner-stamp'*/
		});
	});
});

</script> 

<!--/ js files -->
</body>
</html>